<!DOCTYPE html>
<html>
<head>
    <title>Pana</title>
    <!-- build:css http://pana.qiniudn.com/css/main.css -->
    <link rel="stylesheet" type="text/css" href="./assets/css/onepage-scroll.css">
    <link rel="stylesheet" type="text/css" href="./assets/css/font-awesome.css" >
    <link rel="stylesheet" type="text/css" href="./assets/css/style.css">
    <!-- /build -->
    <link href="http://pana.qiniudn.com/pana.png" type="image/x-icon" rel="shortcut icon">
    <meta name='keywords' content='Pana Wang, Noder, Developer, Technology, Young, Pan'/>
    <meta name='description' content='I am Pana, a pro Noder, want to push world forward!'/>
</head>
<body>
    <div class='main'>
        
        <section class='show'>
            <div class='h1'>
                <div class='floater'></div>
                <h1>Pana</h1>
            </div>
            <div class='content'>
                <a href="https://github.com/Pana" target='_blank'><i class='fa fa-github-square fa-2x'></i></a>
                <a href="http://www.linkedin.com/in/panawang" target='_blank'><i class='fa fa-linkedin-square fa-2x'></i></a>
                <a href="https://www.facebook.com/pana.wang" target='_blank'><i class='fa fa-facebook-square fa-2x'></i></a>
                <a href="http://n.thepana.com" target='_blank'><i class='fa fa-dot-circle-o fa-2x'></i></a>
                <div class='caret-container'>
                    <h3>Do Something When You Are Young !</h3>
                    <span class='caret'>></span>
                </div>
            </div>
            <div class='video'>
                <video class='ab0' autoplay loop preload='true' defaultMuted='true'>
                    <!-- Firefox --> 
                    <source src="http://pana.qiniudn.com/pana.ogv" type="video/ogg" />  
                    <source src="http://pana.qiniudn.com/pana.webm" type="video/webm" />
                    <!-- Safari/Chrome-->   
                    <source src="http://pana.qiniudn.com/pana.mp4" type="video/mp4" />
                    <img src="http://pana.qiniudn.com/img/cover-2880-1616.png">
                    <!--<object width="800" height="374" type="application/x-shockwave-flash" data="fallback.swf">
                        <param name="movie" value="fallback.swf" />
                        <param name="flashvars" value="autostart=true&amp;file=video.flv" />
                    </object>-->
                </video>
            </div>
        </section>

        <section class='info bgblue'>
            <div class="about">
                <h2>All about Pana</h2>
                <ul>
                    <li>
                        <i class='fa fa-gift fa-4x'></i>
                        <h4>Luckily to be a human</h4>
                        <p>As a human, can learn the existing culture, creat new things, push things forward, Make world better.</p>
                    </li>
                    <li>
                        <i class='fa fa-star-o fa-4x'></i>
                        <h4>Seeking realize self-value</h4>
                        <p>Life is short, time is limited, wanna do something to make a mark in human history, and have a meaningful life.</p>
                    </li>
                    <li>
                        <i class='fa fa-heart-o fa-4x'></i>
                        <h4>Hobby & love things</h4>
                        <p>Love sports: bicycling, running, skiing, surfing; movie, music and all the beautiful things.</p>
                    </li>
                    <li>
                        <i class='fa fa-github-square fa-4x'></i>
                        <h4>Pro Noder</h4>
                        <p>Love and concentrate on Node.js. Good at Express, Socket.IO, Koa, MongoDB, ES6, module developing.</p>
                    </li>
                    <li>
                        <i class='fa fa-fighter-jet fa-4x'></i>
                        <h4>Work on high technologies</h4>
                        <p>Have faith that technologies (BigData, Internet of Things, AI, Robots) will change human's life completely. </p>
                    </li>
                    <li>
                        <i class='fa fa-pagelines fa-4x'></i>
                        <h4>I am Pana</h4>
                        <p>I am the Pana, i want and will do something when i am young. </p>
                    </li>
                </ul>
                <div style='clear:both;'></div>
            </div>
            
            <footer>
                <span>© 2014 Pana</span>
            </footer>
        </section>
    </div>
    <!-- build:js http://pana.qiniudn.com/js/main.js -->
    <script type="text/javascript" src='./assets/js/jquery-2.0.3.js'></script>
    <script type="text/javascript" src='./assets/js/jquery.onepage-scroll.js'></script>
    <script type="text/javascript" src='./assets/js/app.js'></script>
    <!-- /build -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-38980823-1', 'thepana.com');
      ga('send', 'pageview');
    </script>
</body>
</html>